<html>
<head>
	<meta charset="utf-8" />
	<title>{{the_title}}</title>
	<link rel="stylesheet" href="static/style.css"/>
	<style>
		body {
			background-image: linear-gradient(#FFDEAD, #AFEEEE);
		}
        input::-webkit-input-placeholder{
            color:#C0C0C0;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#C0C0C0;
        }
       
        p{
        	font-size: 18px;
        	color:#838B8B;
        }

        img{
        	width:150px;
        	height:150px;

        }
        button{
        	line-height:30px;
	        margin: 30px;
	        width: 130px;
	        height: 30px;
	        border-radius:13px ;
	        outline: none;
	        border: none;
	        background-image: linear-gradient(120deg, #C1FFC1 0%, #FFC1C1 100%);
            color: #FFFFFF;
        }

        button:hover{
            background-image: linear-gradient(to top, #FFC1C1 0%,#C1FFC1 100%);
        }
    </style>
</head>
<body>

	<form method="POST" action="/weather" id="login-box">
	<table class="input-box"  align="center">
		<h1 align="center">广州天气</h1>
		<p align="center">一键跳转，查看广州当前天气情况！</p>
		
	</table>
	<div style="text-align:center;padding: 10px;">
		<button type="submit">芜湖起飞</button>
	</div>
	
	</form>


	<form method="GET" action="/pic" id="login-box">
	<table class="input-box"  align="center">
		<h1 align="center">图片分析</h1>
		<p align="center">输入图片链接，即可对图片进行简单的分析！</p>
		
	</table>
	<div style="text-align:center;padding: 10px;">
		<button type="submit">芜湖起飞</button>
	</div>
	</form>

	<form method="GET" action="/walking" id="login-box">
	<table class="input-box"  align="center">
		<h1 align="center">步行路径规划</h1>
		<p align="center">如果你想规划步行路线，那就准备起飞吧！</p>
		
	</table>
	<div style="text-align:center;padding: 10px;">
		<button type="submit">芜湖起飞</button>
	</div>
	</form>


</body>
</html>